<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <style>
        .img{
            width: 30px;
        }

        #base span{
            background-color: red;
        }
        .baseSpan{
            margin: 25%;
        }
    </style>
</head>
<body>
<div th:fragment="nav">
    <nav class="navbar navbar-default">
        <div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false" style="margin-right: 1rem">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" th:href="@{/}" style="margin-left: 2rem">AK社区</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li><a th:href="@{/login}">登录</a></li>
                    <li><a th:href="@{/register}">注册</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>
<div th:fragment="foot" class="footer">
    <div class="text-center">Copyright © 2019 ICP备000000号 · 服务器赞助:
        <a href="https://cloud.tencent.com/">阿里云</a>
        · All Rights Reserved Powered By
        <a href="http://www.mawen.co" target="_blank"> AK社区 </a>
    </div>
</div>
<div>
    <nav th:fragment="base">
        <div id="base">
            <span>
                <a href="/"><img src="/icos/首页-m.png" class="img"></a>
            </span>
            <span>
                <a href="#"><img src="/icos/发现.png" class="img"></a>
            </span>
            <span>
                <a href="#"><img src="/icos/订单.png" class="img"></a>
            </span>
            <span>
                <a th:href="@{/home}"><img src="/icos/个人中心%20(1).png" class="img"></a>
            </span><br>
            <span class="baseSpan">首页</span><span class="baseSpan">首页</span><span class="baseSpan">首页</span><span class="baseSpan">首页</span>
        </div>
    </nav>
</div>
</body>
</html>